<div class="BS">
  <div class="BS-item">
    <div class="biaoshi bg-huang"></div><span class="fb">OPERATOR</span><div class="name">Late Start</div>
  </div>
  <div class="BS-item">
    <div class="biaoshi bg-yellow"></div><span class="fb">SUPERVISOP</span><div class="name">Show Running</div>
  </div>
  <div class="BS-item">
    <div class="biaoshi bg-blue "></div><span class="fb">CONTINUOUS</span><div class="name">Set up</div>
  </div>
  <div class="BS-item">
    <div class="biaoshi bg-zi"></div><span class="fb">MATERIAL</span><div class="name">Shortage/Blockage</div>
  </div>
  <div class="BS-item">
    <div class="biaoshi bg-hong"></div><span class="fb">MAINTENANCE</span><div class="name">DownWine</div>
  </div>
  <div class="BS-item">
    <div class="biaoshi bg-jiang"></div><span class="fb">QUALITY</span><div class="name">Scrap</div>
  </div>
  <div class="BS-item">
    <div class="biaoshi bg-gray"></div><span class="fb">SCHEDULING</span><div class="name">Planned Breaks</div>
  </div>
</div>
